<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/edit.css">
    <script src="https://cdn.acwing.com/static/jquery/js/jquery-3.3.1.min.js"></script>
    <title>发布文章</title>
    
</head>

<body>

    <div class="container">
        <h1>编辑文章</h1>
        <form class="editor">
            <div>
                <label for="title">标题:</label>
                <input type="text" id="title" name="title" placeholder="输入文章标题...">
            </div>
            <label for="title">标签:</label>
            <div class="tags">
                <label for="tag1"><input type="radio" id="tag1" name="tag" value="技术"> 技术</label>
                <label for="tag2"><input type="radio" id="tag2" name="tag" value="生活"> 生活</label>
                <label for="tag3"><input type="radio" id="tag3" name="tag" value="学习"> 学习</label>
                <label for="tag4"><input type="radio" id="tag4" name="tag" value="旅行"> 旅行</label>
                <input type="hidden" id="selectedTag" name="selectedTag">
            </div>
            
            <div>
                <label for="content">内容:</label>
                <textarea id="content" name="content" placeholder="输入文章内容..."></textarea>
            </div>
            
            <div style="display: flex;justify-content: space-between;">
                <button id="publish" type="submit">发布文章</button>
                <button onclick="goBack()" >返回</button>
            </div>
        </form>
    </div>
    <script>
        function goBack() {
            window.history.back();
        }
    </script>
    <script type="module">
        import { main } from "./js/edit.js";
        main();
    </script>
</body>

</html>